<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            font-size: 14px;
            color: #3d3d3d;
            min-width: 1140px;
            background-color: #f4f4f4;
        }
        div{
            display: block;
        }
        a{
            color: #757575;
            text-decoration: none;
        }
        a:-webkit-any-link{
            cursor: auto;
        }

        .header{
            position: relative;
            width: 1140px;
            height: 100px;
            margin:0 auto;
        }
        .header .header-action{
            position: relative;
            /*float: right;*/
            /*width: 1440px;*/
            height: 38px;
            line-height: 1.42857143;
            font-size:.75rem;
        }
        .header .header-action a{
            display: block;
            color: #999999;
            position: relative;
            float: right;
            padding: 10px 0;
            margin-right: 20px;
        }
        .header .header-action a:hover{
            color:#3d3d3d ;
        }
        .header .globar-navbar{
            position: relative;
            height: 60px;
            width: 1140px;
            background-color: #3d3d3d;
            box-shadow: rgba(0,0,0,0.25) 0 5px 5px;
            border-radius:6px ;
        }
        .header .globar-navbar .navbar-header{
            position: relative;
            width: 203px;
            height: 61px;
            background-color: #e71b23;
            border-top-left-radius:6px ;
            border-bottom-left-radius:6px ;
            float: left;
        }
        .header .globar-navbar .navbar-header .img{
            width: 153px;
            height: 47px;
            /*background-color: #222222;*/
        }
        .header .globar-navbar .navbar{
            float: left;
            padding-left: 30px;
        }
        .header .globar-navbar .navbar .menu-item{
            position: relative;
            float: left;
            width: 130px;
            padding:7px 15px 7px 30px;
            /*margin-right: 30px;*/
            border-right: 1px solid #222;
        }
        .header .globar-navbar .navbar .menu-item a{
            font-size: 1.25rem;
            line-height: 47px;
            font-size: 1.25rem;
            color: #ffffff;
        }
        .header .globar-navbar .navbar .menu-item a:hover{
            color: #ffc423;
        }


    </style>
</head>
<body>
<div class="header">
    <div class="header-action">
        <a class="sign-in" href="#">登录</a>
    </div>
    <div class="globar-navbar">
        <div class="navbar-header">
            <!--<img src="/images/logo.png">-->
        </div>
        <div class="navbar">
            <div class="menu-item menu"><a href="#"><i class="fa fa-list">&nbsp;浏览菜单</i> </a></div>
            <div class="menu-item account" ><a href="#"><i class="fa fa-user-circle-o">&nbsp;我的账户</i></a></div>
            <div class="menu-item order"> <a href="#"><i class="fa fa-shopping-bag">&nbsp;查看订单</i></a></div>
            <div class="cart menu-item" id="cart"><a href="#"><i class="fa fa-cart-plus">&nbsp;购物车</i></a></div>
        </div>
    </div>
</div>

</body>
</html>